import { createApp } from 'vue'
import App from './App.vue'
import './registerServiceWorker'

import carousel from "../src/views/module/Carousel.vue"
import Header from './components/Header.vue'
import Bottom from './components/Bottom.vue'
import BackHome from './backatage/BackHome.vue'





// axios全局引用下载
// npm install --save axios vue-axios

// import VueAxios from 'vue-axios'
// import DKToast from 'vue-dk-toast'
// 而vue-axios是axios的Vue插件，它允许你在Vue组件中以this.$axios的形式访问axios实例。
// DKToast 从 'vue-dk-toast' 引入，一个Vue组件，用于显示通知或消息。


// vuex 安装
// npm install vuex@next --save
// import { prefix } from './utils/util'
import store from './store'

// 导入路由
import router from './router/router.js'

const app = createApp(App)

// 全局注册app.component('注册的组件名随便起（全局名）',组件名)
app.component('CarouselVue',carousel)

// 通过app.config.globalProperties为Vue应用的全局属性添加了prefix和baseURL，
// 这样它们就可以在Vue组件中通过this.$prefix和this.$baseURL访问了。
// app.config.globalProperties.prefix = prefix
// app.config.globalProperties.baseURL = axios.defaults.baseURL
//使用路由
app.use(router)
app.component("BackHome",BackHome)
app.component("MyHeader",Header)
app.component("MyBottom",Bottom)



// 使用app.use(VueAxios, axios)将vue-axios插件安装到Vue应用中，
// 这使得axios实例可以通过this.$axios在Vue组件中访问。
// 使用app.use(DKToast)将vue-dk-toast插件安装到Vue应用中，
// 这样就可以在Vue组件中使用DKToast组件了。
// app.use(VueAxios, axios)
// app.use(DKToast)
app.use(store)
app.mount('#app')
